<div id="preview-trigger">
    <div class="preview-trigger-show">
        <img src="/Public/dist/Home/image/ic_phone.png" />
        <div>Preview</div>
    </div>
    <div class="preview-trigger-return hidden">
        <img src="/Public/dist/Home/image/ic_monitor.png" />
        <div>Back</div>
    </div>
</div>
<div id="preview-container" class="hidden preview-container vertical-middle-block">
    <div class="vertical-middle-block-cell">
        <div id="preview-phone" data-logo="{:MEIZHU_URL}{$logoimageurl}" original="{:MEIZHU_URL}" data-name="{:$hotelPreviewDetail['name']}" data-desc="{:$hotelPreviewDetail['desc']}">
            <div class="preview-phone-container">
                <iframe class="preview-phone" originalSrc="http://{:MEIZHU_BOOK_HOST}/Home/BookPage/index?hotel={$currentHotel}"></iframe>
            </div>
            <div>
                <div class="preview-title">Direct sweep promotion</div>
                <div class="preview-desc">You can also fill in the link to fill in the WeChat custom menu or generate qrcode, immediately promote the hotel</div>
                <div class="preview-link">http://{:MEIZHU_BOOK_HOST}/Home/BookPage/index?hotel={$currentHotel}</div>
                <div id="previewPhoneQRCode" data-logo="{$logoimageurl}"></div>
                <div class="preview-title preview-subtitle">Hotel qrcode card</div>
                <div class="preview-desc">Pro, in the 'QRBooking settings - basic settings' fill out the hotel name and profile, can be directly generated promotional graphic!</div>
                <div class="preview-desc">The effect is as follows:</div>
                <div class="preview-share-media-container text-center"><iframe class="preview-share-media" originalSrc="{:MEIZHU_URL}/book/{$currentHotel}.html"></iframe><div id="preview-media-download" class="btn-link btn-sm">Preview and download</div><div class="preview-media-tip">(IE does not support download pictures, please replace other browsers or through QQ and other screenshots)</div>
                    <div class="preview-share-action"><div class="preview-share-action-item preview-share-action-wechat" data-toggle="tooltip" data-placement="right" data-html="true" title="<div class='tooltipCanvasContainer'></div>" data-container="#preview-container"></div><div class="preview-share-action-item preview-share-action-qqzone"></div><div class="preview-share-action-item preview-share-action-weibo"></div></div>
                </div>
            </div>
        </div>
    </div>
</div>
